// @import "./element-variables.scss";

.el-header {
  margin-bottom: 30px;
  height: 50px !important;
  line-height: 50px !important;
  border-bottom: 1px solid #ebeef5;
  padding: 0;
  background-color: #fff;
  text-align: center;
  color: #545c64;
}

.el-aside {
  transition: width 0.2s;
  width: 200px !important;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #545c64;
  // color: #333;
  z-index: 99;
}
.el-main {
  margin-left: 200px;
  padding-top: 0;
  padding-bottom: 150px;
  color: #333;
  transition: margin-left 0.28s;
}
.el-menu {
  background-color: #545c64;
  color: #d3dce6;
  border-right: 0;
}
.el-container {
  height: 100vh;
}

.el-submenu__title {
  color: #d3dce6;
}
.el-submenu__title:hover i {
  color: #545c64;
}

.el-select .el-input.is-focus .el-input__inner {
  border-color: #8d94ca;
}
.el-form-item__content:focus {
  border-color: #8d94ca;
}
.el-input__inner:focus {
  border-color: #8d94ca;
}
.el-input:focus {
  border-color: #8d94ca;
}
.el-input.is-focus {
  border-color: #8d94ca;
}
.el-select:focus {
  border-color: #8d94ca;
}

.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #6c74b1;
}
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #6c74b1;
  border-color: #6c74b1;
}
.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #6c74b1;
}
.el-checkbox__inner:hover {
  border-color: #6c74b1;
}
.el-input.is-disabled .el-input__inner {
  color: #555;
}
.el-form-item {
  margin-bottom: 20px !important;
}
.el-submenu .el-menu-item {
  text-indent: 10px;
}

.el-menu-item {
  color: #fff;
}
.el-menu-item.is-active {
  color: #000;
  background-color: orange;
}
.el-menu-item:hover {
  background-color: #ffd689;
  color: #000;
}
.el-submenu__title {
  i {
    color: #fff;
  }
  color: #fff;
}
.el-submenu__title:hover {
  background-color: #ffd689;
  color: #000;
}
.el-button--primary {
  background: #8d94ca;
  border-color: #8d94ca;
}
.el-button--primary:hover,
.el-button--primary:focus {
  background: #6c74b1;
  border-color: #6c74b1;
}
.el-button--text {
  color: #0013a7;
}
.el-button--text:focus {
  color: #132df1;
}
.el-button--text:active {
  color: #132df1;
}
.el-button--text:hover {
  color: #132df1;
}
.el-tabs__item.is-active {
  font-size: 18px;
  color: blue;
}
.el-tabs__active-bar {
  background-color: blue;
}
.el-radio__input.is-checked + .el-radio__label {
  color: #6c74b1;
}
.el-menu--collapse {
  width: 64px;
}
// 图片上传样式
.el-upload-list--picture-card .el-upload-list__item-thumbnail {
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.el-table th.gutter {
  display: table-cell !important;
}
.el-table__expand-icon {
  height: 35px;
}
.el-table__expanded-cell {
  background-color: #e4e6ff;
}
.el-table__expanded-cell:hover {
  background-color: #e4e6ff !important;
}
.el-table__expanded-cell[class*="cell"] {
  padding: 20px;
}
.el-breadcrumb {
  line-height: inherit;
}
